<template>
    <div>
        <h1>安装</h1>
    </div>

    <div>
        <h2>NPM</h2>
        <pre><code>npm install Drop-UI</code></pre>
    </div>

    <div>
        <h2>YARN</h2>
        <pre><code>yarn add Drop-UI</code></pre>
    </div>
    <div class="page">
        <p class="fl">上一步：
            <router-link to="/doc">DropUI</router-link>
        </p>
        <p class="fr">下一节：
            <router-link to="/doc/start">快速上手</router-link>
        </p>
    </div>

</template>

<script>
    export default {
        name: "Install"
    }
</script>

<style lang="scss" scoped>
    div {
        text-align: left;
        margin-bottom: 40px;

        & > :first-child {
            margin-bottom: 20px;
            margin-left: 0px;
            position: relative;
            z-index: -1;
        }
        & > *{
            margin-left: 20px;
        }

        em {
            font-style: normal;
            color: #f28f98;
            font-weight: bold;
        }

        a {
            color: #50a0ff;
        }

        .page{
            margin-top: 30px;
        }
    }
</style>
